<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>KPJ</title>
	<link href="css/common.css" rel="stylesheet">
	<link href="css/main.css" rel="stylesheet">
	<link href="css/login.css" rel="stylesheet">
</head>

<body>
	<div class="header">
		<div class="content">
			<a class="logo"></a>
			<ul>
				<li><a href="#">发现</a></li>
				<li><a href="#">旅行家</a></li>
				<li><a href="#">旅行志</a></li>
				<li><a href="#">推荐</a></li>
			</ul>
		</div>
		
	</div>
	<div class="nav">
		<a href="login.html">登录</a>
	</div>
	<div class="regist">
		<form>
			<div class="field">
				<input class="input" type="text" placeholder="邮箱"/>
				<span class="field-msg">邮箱必填</span>
			</div>
			<div class="field">
				<input class="input" type="text" placeholder="昵称"/>
			</div>
			<div class="field">
				<input class="input" type="password" placeholder="密码"/>
			</div>
			<div class="field">
				<input class="submit" type="submit" value="注册"/>
			</div>
			<div class="msg"><span>用户名错误！</span></div>
		
		</form>
	</div>
	<div class="other">
		<h3>使用其他平台账号登录</h3>
	</div>
	<div class="bottom">
		<a href="#" class="sina"></a>
		<a href="regist2.html" class="qq"></a>
		<a href="#" class="t"></a>
		<a href="#" class="renren"></a>
	</div>
	
	
	
	
	
	
	
	<div class="container">
	
	</div>
	<div class="gotop">
		<a href="#"></a>
	</div>
	
	<script src="js/jquery.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
	<script type="text/javascript">
	function layoutList(){
		$('#list').masonry({
		    itemSelector : "#list .box",
		    containerStyle:{position:'relative'},
		    gutterWidth:20,
		    isAnimated:true,
		    isFitWidth:true
		});
	};
	$('#list').imagesLoaded(function(){
		layoutList();
	});
	
	</script>
</body>
</html>